<template>
  <BaseChart :options="options" height="500px" />
</template>

<script>
let options = {
  tooltip: {
    trigger: "axis",
    position: function (pt) {
      return [pt[0], "10%"];
    },
  },
  xAxis: {
    type: 'category',
    data: ['Mon', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat', 'Sun']
  },
  yAxis: {
    type: 'value'
  },
  series: [
    {
      data: [
        120,
        {
          value: 200,
          itemStyle: {
            color: '#a90000'
          }
        },
        150,
        80,
        70,
        110,
        130
      ],
      type: 'bar'
    }
  ]
}

export default {
  data() {
    return {
      options,
    };
  },
  mounted() {
    this.init()
  },
  methods: {
    init() {
    }
  },
};
</script>

<style>
</style>